<mat-toolbar>
  <div class="header__logo">
    <a href="/"><img src="assets/contoso-real-estate-logo.svg" alt="Contoso Real Estate Fictitious Logo" /></a>
  </div>

  <span class="spacer"></span>

  <app-main-nav></app-main-nav>
</mat-toolbar>
<main class="main">
  <!-- pages -->
  <router-outlet></router-outlet>
</main>
<footer class="footer mat-toolbar">
  <div class="inner-wrapper">
    <p class="footer__copy">©2023 - JavaScript @ Contoso HR Rentals App</p>
    <span class="spacer"></span>
    <div class="footer__links">
      <a href="/">Home</a>
      <a href="/about">About</a>
      <a *ngIf="enableAiChat" href="/chat">Support chat</a>
      <a href="/tos">Terms of Service</a>
    </div>
  </div>
  <div class="header__logo">
    <a href="/"
      ><img src="assets/contoso-real-estate-logo.svg" alt="Contoso Real Estate Fictitious Logo" width="100" height="50"
    /></a>
  </div>
</footer>
